/**
 * Created by huaicheng151201@163.com on 2017/9/27 0027.
 * Author : dhc
 * summary : null
 */

var urlHead = "http://www.ganziyy.cn";
var page = 1;
var allPage = 1;
var time = 0;
$(function () {
    $(".v_share").load("share.html");
    $(".v_share,.notice_pop").height( window.innerHeight + "px" );
    // getVideo(1);  // 获取视频
    getVideoClassification();  // 获取视频分类
    // 切换到上传页面
    $(".love_btn").on("tap",function () {
        window.location.href = "love_upload.html";
    });
    // 切换到视频详情页面
    $(".love_details li").on("tap",function () {
        window.location.href = "love_details.html";
    });
    // 切换到甘孜爱拍首页
    $(".love_more").on("tap",function () {
        window.location.href = "love_index.html";
    });
    // 打开分享功能
    $(".share").on("tap",function () {
        $(".v_share,.share_box").removeClass("hide");
    });
    // 返回上一步
    $(".return").on("tap",function () {
        history.back();
    });
    // 切换到我的视频页面
    $(".my_video").on("tap",function () {
        window.location.href = "love_video.html?urlHead="+urlHead;
    });
    // 切换到上传视频及详情页面
    $(".upload_video").on("tap",function () {
        window.location.href = "love_upload.html";
    });
    // 打开注意事项说明
    $(".notice").on("tap",function () {
        $(".notice_pop").removeClass("hide");
    });
    // 关闭注意事项说明
    $(".notice_close").on("tap",function () {
        $(".notice_pop").addClass("hide");
    });
    // 视频分类的切换
    $(".love_title span:not(:nth-child(1))").on("tap",function () {
        $(this).addClass("active").siblings("span").removeClass("active");
    });
    // 上传视频
    $(".upload").on("tap",function () {
        $(".photo").click();
        $(".photo").on("change",function() {
            var objUrl = getObjectURL(this.files[0]) ;
            if (objUrl) {
                var formData=new FormData();
                var fileM = document.querySelector("#video1");
                var fileObj = fileM.files[0];
                formData.append('Filedata', fileObj);
                $.ajax({
                    url : urlHead + "/AppApi/ProcessRequest",
                    data : formData ,
                    type : "post",
                    dataType : "json",
                    contentType: false,
                    processData: false,
                    success : function (data) {
                        if( data.Code == 1 ){
                            $(".video_img").attr( "src" , objUrl );
                            $(".video_img").attr( "data-url" , data.video );
                            toastShow(" 视频上传成功 ");
                        }
                    }
                });
            }
        });
    });
    // 上传拍摄视频
    $(".up_video").on("tap",function () {
        $(".camcorder").click();
        $(".camcorder").change(function() {
            var videoName = getObjectURL(this.files[0]);
            if (videoName) {
                var formData1=new FormData();
                var fileM = document.querySelector("#video2");
                var fileObj = fileM.files[0];
                formData1.append('Filedata', fileObj);
                $.ajax({
                    url : urlHead + "/AppApi/ProcessRequest",
                    data : formData1 ,
                    type : "post",
                    dataType : "json",
                    contentType: false,
                    processData: false,
                    success : function (data) {
                        if( data.Code == 1 ){
                            $(".video_img").attr( "src" , videoName );
                            $(".video_img").attr( "data-url" , data.video );
                            toastShow(" 视频上传成功 ");
                        }
                    }
                });
            }
        });
    });
    // 上传图片、视频及详情
    $(".upload_btn").on("tap",function () {
        var classification = $(".class_details .active").html();    // 分类
        var classId = $(".class_details .active").attr("data-id");   // 分类ID
        var author = $(".author").val();     // 作者
        var title = $(".i_title").val();     // 标题
        var phone = $(".phone").val();       // 手机号
        var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
        var abstract = $(".abstract").val();       // 简介
        var imgURL = $("#pic").attr("data-url");    // 图片路径
        var videoURL = $(".video_img").attr("data-url");    // 视频路径
        console.log( imgURL +","+ videoURL );
        if( $.trim( classification ) == "" ){
            $(".msg").html( "请选择视频分类" );
        }else if( $.trim( author ) == "" ){
            $(".msg").html( "请输入作者名称" );
        }else if( $.trim( title ) == "" ){
            $(".msg").html( "请输入标题" );
        }else if( $.trim( phone ) == "" ){
            $(".msg").html( "请输入手机号码" );
        }else if( ! myreg.test( phone ) ){
            $(".msg").html( "手机号码有误，请重新输入" );
        }else if( $.trim( abstract ) == "" ){
            $(".msg").html( "请输入摘要" );
        }else{
            $(".msg").html( "" );
            $.ajax({
                url : urlHead + "/AppApi/AddAPPDubsmash/",
                type: "post",
                dataType : "json",
                data : {
                    "id" : classId ,  // 分类ID
                    "label" : title ,  // 标题
                    "VideoPath" : videoURL ,  // 视频路径
                    "Img" : imgURL ,    // 图片路径
                    "Name" : author ,   // 作者
                    "Tel" : phone ,     // 手机号码
                    "About" : abstract   // 简介
                },
                success : function (data) {
                    if( data.Code == 1 ){
                        toastShow("上传成功");
                        window.location.href = "love_index.html";
                    }else{
                        toastShow(" 上传失败 ");
                    }
                }
            });
        }
    });
    // 删除封面图
    $(".cover>div").on("tap",function () {
        var imgURL = $(this).parent("div").find("#pic").attr("src");
        if( imgURL ){
            $.ajax({
                url : urlHead + "/AppApi/Delete",
                type: "post",
                dataType : "json",
                data : { "fileName" : imgURL } ,
                success : function (data) {
                    if( data.Code == 1 ){
                        $("#pic").removeAttr("src");
                        toastShow(" 图片删除成功 ");
                    }
                }
            });
        }
    });
    // 删除视频
    $(".edit_msg").on("tap",function () {
        var videoURL = $(this).parent("div").find(".video_img").attr("src");
        if( videoURL ){
            $.ajax({
                url : urlHead + "/AppApi/Delete",
                type: "post",
                dataType : "json",
                data : { "fileName" : videoURL } ,
                success : function (data) {
                    if( data.Code == 1 ){
                        toastShow(" 视频删除成功 ");
                    }
                }
            });
        }
    });
    $(".change_video").on("tap",function () {
        allPage ++ ;
        getVideo( allPage ); // 获取视频
    });
    // 视频分类的显示
    $(".love_title select").on("change",function () {
        var classId = $(this).find("option:selected").attr("data-id");
        $(".all_video ul").html("");
        getAllVideo(1,classId);  // 获取全部视频
    });
    // 分页加载
    $(".love_load .loading_btn").on("tap",function () {
        if( time == 1 ){
            page = 1;
        }
        page ++;
        getAllVideo( page );
        time = 0;
    });
    // 视频热播排序
    $(".video_hot").on("tap",function () {
        time = 1;
        $(".all_video ul").html("");
        getAllVideo(1,"fplay_des");
    });
    // 上传时间加载
    $(".time_hot").on("tap",function () {
        time = 1;
        $(".all_video ul").html("");
        getAllVideo(1,"time_des");
    });
    // 搜索关键字
    $(".search span:nth-child(2)").on("tap",function () {
        var text = $(".search_text").val();
        if( $.trim( text ) == "" ){
            toastShow("请输入想要搜索的内容");
        }else{
            $(".all_video ul").html("");
            getAllVideo(1,0,0,text);
        }
    });
});
    // toast 提示文字
    function  toastShow(text){
        $(".toast_msg").css({"opacity":"1"});
        $(".toast_msg span").html( text );
        setTimeout(function () {
            $(".toast_msg").animate({"bottom":"40%"},100)
                .animate({"opacity":"1"},1000)
                .animate({"opacity":"0"},800)
                .animate({"bottom":"-10%"},100);
        },2000);
    }
    // 获取视频
    function getVideo(Pageindex){
        var Pagesize = 4;   // 每页显示个数
        var videoMSG = "";
        $.ajax({
            url : urlHead + "/AppApi/SelectAppDubsmash",
            type: "post",
            dataType : "json",
            beforeSend : function () {
                $(".loading_box .loading").html( "加载中、、、" );
            },
            data : { "Pageindex" : Pageindex,"Pagesize" : Pagesize },
            success : function (data) {
                if( data.Code == 1 ){
                    var list = data.data;
                    for( var i=0;i<list.length;i++ ){
                        videoMSG += '<li data-id="'+list[i].id+'" data-about="'+list[i].about+'" onclick="getVideoMSG(this)">' +
                            '<div class="details_msg">' +
                            '<img src="'+list[i].img+'" alt="">' +
                            '<p class="l_play"><img src="images/vision_play.png" alt=""></p>' +
                            '<p class="l_title"><span>'+list[i].dclassify+'</span></p></div>' +
                            '<div class="details_title">'+list[i].title+'</div>' +
                            '<div class="details_other">' +
                            '<span><b></b>'+list[i].name+'</span>' +
                            '<span><b></b>'+list[i].amountofplay+'次</span>' +
                            '<span><b></b>'+list[i].date+'</span></div>' +
                            '</li>';
                    }
                    $(".loading").addClass("hide");
                    if( data.Desc == "数据为空！" ){
                        toastShow("暂无更多数据");
                    }else{
                        $(".love_details").html( videoMSG );
                    }
                }else{
                    $(".loading_btn").html( data.Desc );
                }
            }
        });
    }
    // 获取全部视频
    function getAllVideo(Pageindex,classId,sort,keyString){
        var Pagesize = 4;   // 每页显示个数
        var videoMSG = "";
        $.ajax({
            url : urlHead + "/AppApi/SelectAppDubsmash",
            type: "post",
            dataType : "json",
            beforeSend : function () {
                $(".love_load .loading_btn").html( "加载中、、、" );
            },
            data : { "Pageindex" : Pageindex,"Pagesize" : Pagesize,"id" : classId, "ranking" : sort,"keyString" : keyString },
            success : function (data) {
                if( data.Code == 1 ){
                    var list = data.data;
                    for( var i=0;i<list.length;i++ ){
                        videoMSG += '<li data-id="'+list[i].id+'" data-about="'+list[i].about+'" onclick="getVideoMSG(this)">' +
                            '<div class="details_msg">' +
                            '<img src="'+list[i].img+'" alt="">' +
                            '<p class="l_play"><img src="images/vision_play.png" alt=""></p>' +
                            '<p class="l_title"><span>'+list[i].dclassify+'</span></p></div>' +
                            '<div class="details_title">'+list[i].title+'</div>' +
                            '<div class="details_other">' +
                            '<span><b></b>'+list[i].name+'</span>' +
                            '<span><b></b>'+list[i].amountofplay+'次</span>' +
                            '<span><b></b>'+list[i].date+'</span></div>' +
                            '</li>';
                    }
                    if( data.Desc == "数据为空！" ){
                        $(".love_load .loading_btn").html( "暂无数据" );
                    }else{
                        $(".love_load .loading_btn").html( "查看更多" );
                        $(".all_video ul").append( videoMSG );
                    }
                }else{
                    $(".loading_btn").html( data.Desc );
                }
            }
        });
    }
    // 切换到视频详情页面
    function getVideoMSG(opt){
        var id = $(opt).attr("data-id");
        window.location.href = "love_details.html?urlHead="+urlHead+"&id="+id;
    }
    //建立一個可存取到该file的url
    function getObjectURL(file) {
        var url = null ;
        if (window.createObjectURL!=undefined) { // basic
            url = window.createObjectURL(file) ;
        } else if (window.URL!=undefined) { // mozilla(firefox)
            url = window.URL.createObjectURL(file) ;
        } else if (window.webkitURL!=undefined) { // webkit or chrome
            url = window.webkitURL.createObjectURL(file) ;
        }
        return url ;
    }
    // 获取视频分类
    function getVideoClassification() {
        var className ="";
        var selectClass = "";
        $.ajax({
            url : urlHead + "/AppApi/SelectDubsmashClassify",
            dataType : "json",
            type : "post",
            success : function (data) {
                if( data.Code == "1" ){
                    var list = data.data;
                    selectClass += "<option data-id='0'>所有分类</option>";
                    for( var i=0;i<list.length;i++ ){
                        className += "<span data-id='"+list[i].id+"'>"+list[i].name+"</span>";
                        selectClass += "<option data-id='"+list[i].id+"'>"+list[i].name+"</option>";
                    }
                    $(".class_details").html( className );
                    $(".love_title select").html( selectClass );
                    // 视频分类的切换
                    $(".class_details span").on("tap",function () {
                        $(this).addClass("active").siblings("span").removeClass("active");
                    });
                }
            }
        });
    }
    // 上传视频封面图
    function uploadIMG() {
        $(".img").click();
        $(".img").on("change",function() {
            var objUrl = getObjectURL(this.files[0]) ;
            if (objUrl) {
                var formData=new FormData();  // 这是创建formData对象
                var fileM = document.querySelector("#file");    // 这是查找当前需要上传的input或者form
                var fileObj = fileM.files[0];   // 这是获取当前需要上传的值
                formData.append('file', fileObj);  // 这是向formData这个对象里面追加字段
                console.log(fileObj);
                $.ajax({
                    url : urlHead + "/AppApi/ProcessImg",
                    data : formData ,
                    type : "post" ,
                    dataType : "json",
                    contentType: false,
                    processData: false,
                    success : function (data) {
                        if( data.Code == 1 ){
                            $("#pic").attr( "src" , objUrl );
                            $("#pic").attr( "data-url" , data.img );
                            toastShow(" 图片上传成功 ");
                            // 动态加载删除视频封面图
                            $(".cover>div").html(
                                '<img src="images/delete.png" alt="" onclick="deleteIMG()">' +
                                '<span style="margin-top:0.5rem;">删除此视频封面图</span>'
                            );
                        }
                    }
                });
            }
        });
    }
    // 删除封面图
    function deleteIMG() {
        var imgURL = $(this).parent("div").find("#pic").attr("src");
        $.ajax({
            url : urlHead + "/AppApi/Delete",
            type: "post",
            dataType : "json",
            data : { "fileName" : imgURL } ,
            success : function (data) {
                if( data.Code == 1 ){
                    $("#pic").removeAttr("src");
                    toastShow(" 图片删除成功 ");
                    // 动态加载添加视频封面图
                    $(".cover>div").html('' +
                        '<img src="images/add.png" alt="" onclick="uploadIMG()">' +
                        '<span style="margin-top:0.5rem;">添加视频封面图</span>' +
                        '<input type="file" id="file" multiple accept="image/*" class="hide img" name="file"/>'
                    );
                }
            }
        });
    }